/*********************
	HTML Elements
*********************/
* {
    margin: 0;
    padding: 0;
}



body {
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
}

a,a:visited {
    text-decoration: none;
}

img {
    border: 0;
    margin: 1px;
}

p {
    padding: 3px;
}

h1 {
    padding-left: 10px;
}

input {
    padding: 2px;
}

input[type=button] {
    cursor: pointer;
}

select {
    padding: 2px;
}

/*********************
	Structure
*********************/
#container {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

#header {
    width: 960px;
}

#header h2 {
    margin-top: 0px;
}

#content {
    width: 740px;
    float: left;
    margin: 10px 0 10px 0;
    padding: 10px;
}

#sidebar {
    background: #FFF;
    width: 170px;
    float: right;
    margin: 10px 0 10px 0;
    padding: 10px;
}

#footer {
    clear: both;
    padding: 5px;
    margin-top: 10px;
}

#box h3 {
    padding: 5px;
    font-size: 14px;
}

/*********************
	Sidebar
*********************/
#sidebar ul {
    list-style: none;
    line-height: 22px;
}

#sidebar ul li a,#sidebar ul li a:visited {
    padding-left: 19px;
    text-decoration: none;
    margin: 0 3px;
    display: block;
}

#sidebar ul li a:hover {
    text-decoration: underline;
}

#sidebar ul li ul {
    margin-left: 10px;
}

#sidebar h3 {
    padding: 2px;
    font-size: 14px;
}

/*********************
  TopMenu, Top-Panel
*********************/
#topmenu {
    margin-top: 33px;
    width: 920px;
    float: left;
    voice-family: inherit;
}

#topmenu ul {
    list-style: none;
    line-height: 25px;
}

#topmenu li {
    display: inline;
}

#topmenu a,#topmenu a:visited {
    padding: 5px 12px 5px 12px;
    text-decoration: none;
}

#topmenu .current a,#topmenu .current a:hover,#topmenu .current a:visited
{
    padding: 5px 12px 5px 12px;
    font-weight: bold;
}

#top-panel {
    background: #FFF;
    padding: 5px;
    height: 20px;
    float: left;
    width: 950px;
}

#top-panel ul {
    list-style: none;
}

#top-panel ul li {
    display: inline;
    line-height: 20px;
}

#top-panel ul li a {
    padding-left: 19px;
    text-decoration: none;
    margin: 0 3px;
    display: inline-block;
}

#top-panel a:hover {
    text-decoration: underline;
}

/*-----------------------*/
#top-menu {
    /*background-color: #000000;*/
    font-size: 10px;
    height: 20px;
    padding: 0;
    position: relative;
    margin: 0
}

#top-menu ul {
    padding: 0 20px;
}

#top-menu li {
    color:#999999;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

#top-menu li{
    line-height: 21px;
    margin-right: 4px;
}

#top-menu li a {
    color:#999999;
    font-weight: normal;
    padding: 4px 5px;
    text-decoration: none;
}

#top-menu li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#account {
    float: right
}

/*********************
		Other
*********************/
.a-right {
    text-align: right;
}

.a-left {
    text-align: left;
}

.a-center {
    text-align: center;
}

#pager {
    margin: 5px;
    height: 25px;
}

#styleswitcher {
    float: right;
}

#styleswitcher ul {
    list-style: none;
    line-height: 10px;
}

#styleswitcher li {
    height: 12px;
    display: inline;
}

#footer ul {
    list-style: none;
}

#footer li {
    display: inline;
}

a#defswitch {
    width: 15px;
    height: 10px;
    margin: 3px 0 3px 0;
    background-color: #bd3f09;
    font-size: 8px;
    color: #bd3f09;
    display: inline-block;
}

a#blueswitch {
    width: 15px;
    height: 10px;
    margin: 3px 0 3px 0;
    background-color: #375b91;
    font-size: 8px;
    color: #375b91;
    display: inline-block;
}

a#greenswitch {
    width: 15px;
    height: 10px;
    margin: 3px 0 3px 0;
    background-color: #d0e0b8;
    font-size: 8px;
    color: #d0e0b8;
    display: inline-block;
}

a#brownswitch {
    width: 15px;
    height: 10px;
    margin: 3px 0 3px 0;
    background-color: #654322;
    font-size: 8px;
    color: #654322;
    display: inline-block;
}

a#mixswitch {
    width: 15px;
    height: 10px;
    margin: 3px 0 3px 0;
    background-color: #294145;
    font-size: 8px;
    color: #294145;
    display: inline-block;
}

#credits {
    clear: both;
    width: 200px;
    float: left;
}

/*********************
		Tables
*********************/
table {
    margin: 5px;
    border-collapse: collapse;
    table-layout: automatic;
    width: 98%;
}

td,th {
    padding: 2px;
}

thead {

}

/*********************
		Home
*********************/
#infowrap li {
    display: inline;
}

#infobox {
    width: 365px;
    float: left;
    margin-top: 10px;
}

#infobox h3 {
    padding: 5px;
    font-size: 14px;
}

.margin-left {
    margin-left: 5px;
}

#rightnow .reallynow {
    padding: 5px;
    font-size: 14px;
    border: 0px;
}

#rightnow h3 {
    padding: 2px;
    padding: 0 10px;
    font-size: 14px;
}

#rightnow .reallynow span {
    display: block;
    text-align: left;
    float: left;
    padding: 0 2px;
    font-size: 14px
}

#rightnow .reallynow a {
    text-decoration: none;
    display: block;
    text-align: right;
    float: right;
    padding: 0 0 0 18px;
    margin-left: 4px;
    font-weight: normal;
    font-size: 12px;
}

#rightnow .reallynow a:hover {
    text-decoration: underline;
}

#rightnow .youhave {
    font-size: 12px;
    padding: 10px;
}

#rightnow a {
    font-weight: bold;
}

/*********************
		Forms
*********************/
form {
    padding: 10px;
    margin: 0 auto;
}

form#form fieldset {
    display: block;
    padding: 5px 10px 5px 10px;
    line-height: 20px;
    margin-bottom: 10px;
}

form#form legend {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 3px;
    width: 254px;
}

form#form label {
    clear: left;
    display: block;
    float: left;
    width: 70px;
    text-align: right;
    padding-right: 10px;
}

form#form input {
    padding: 3px;
}

form#form select {
    margin-left: 5px;
}

form#form textarea {
    width: 410px;
    height: 200px;
    padding: 5px;
    overflow: auto;
}

form#form textarea.input {
    padding: 3px;
    margin-bottom: 5px;
    height: 16px;
    width: 75%;
}

form#form textarea[name=taComb] {
    width: 82%;
}

form#form option {
    background: #FFF;
}

form#form optgroup option {

}

form#form #button1,form#form #button2 {
    padding-right: 5px;
    cursor: pointer;
    width: 205px;
    margin-left: 8px;
    font-weight: bold;
}

form#form #button1 :hover,form#form #button2 :hover {
    background-position: center left;
}

div.textarea {
    height: 200px;
    padding: 5px;
    padding-left: 6px;
    font-size: 13px;
    font-family: monospace;
    overflow-y: scroll;
}

/*********************
        Datasync
*********************/
div#datasync .reallynow {
	background-color: #7DB9C3;
}

div#datasync a {
	text-decoration: none;
        font-weight: bold;
        cursor: help;
}

/*********************
	Icons
*********************/

.close {
    background: transparent url(../img/icons/delete.png) no-repeat left;
}
.search {
    background: transparent url(../img/icons/search.png) no-repeat left;
}

.checked {
    background: transparent url(../img/icons/tick-glow.png) no-repeat left ;
}
.not_checked {
    background: transparent url(../img/icons/delete.png) no-repeat left;
}